<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 一、开启定时器 setInterval(函数, 间隔时间ms)  
    //作用：每隔一段时间调用这个函数  间隔时间,单位是毫秒ms,也是空窗期,？ms后才开始执行这个函数

    /* 注意
    1.函数名不要加小括号
    2.定时器返回的是一个id数字1,2,3,4... */

    //写法一：
    // setInterval(function () {  //匿名函数
    //   console.log('一秒打印一次')
    // }, 1000)  //1s = 1000ms  1s后才开始这个执行函数

    //写法二：  
    function fn() {
      console.log('一秒打印一次')
    }
    // setInterval(函数名, 间隔时间ms) 注意，函数名不要加小括号
    // setInterval(fn(), 1000)加小括号是调用，只执行一次“一秒打印一次”
    //如果要加则是用引号引起了setInterval('fn()', 1000)
    let n = setInterval(fn, 1000)  //正确写法
    console.log(n)  //id = 1

    let m = setInterval(function () {
      console.log(11)
    }, 2000)
    console.log(m)  //id = 2 按顺序来


    // 二、关闭定时器 
    // 1.let 变量名 = setInterval(函数, 间隔时间ms)
    // 2.setInterval(变量名)
    clearInterval(m)
    clearInterval(n)
    // clearInterval(n, m)
  </script>
</body>

</html>